<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
		<head>
				<base href="<%=basePath%>">
				<title>loanTimeManage.jsp</title>
				<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
				<meta http-equiv="description" content="this is my page">
				<meta http-equiv="content-type" content="text/html; charset=UTF-8">
				<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css" type="text/css"></link>
				<link rel="stylesheet" href="plugins/FlatUI/dist/css/flat-ui.css" type="text/css"></link>
				<link rel="shortcut icon" href="plugins/FlatUI/dist/img/favicon.ico">
				<link rel="stylesheet" href="css/style.css">
				<script type="text/javascript" src="js/jquery.js">
</script>
				<script type="text/javascript" src="plugins/FlatUI/dist/js/flat-ui.js">
</script>
				<script type="text/javascript" src="plugins/bootstrap/js/messager.js">
</script>
				<script type="text/javascript">
function modify(name, id) {
	$("#loanTimeId4Modify").val(id);
	$("#loanTimeName4Modify").val(name);
	$('#proModify').modal();
}

function changeStatus(id, status) {

}
</script>
		</head>
		<body style="padding: 5px 10px;">
				<div class="panel panel-primary">
						<div class="panel-heading">
								<h3 class="panel-title">
										贷款周期管理
								</h3>
						</div>
						<div class="panel-body">
								<a href="javascript:;" class="btn btn-primary btn-default" data-toggle="modal" data-target="#proAdd"> 添加 <span class="glyphicon glyphicon-plus"></span> </a>
								<table class="table table-hover table-bordered">
										<thead>
												<tr>
														<th>
																贷款周期ID
														</th>
														<th>
																周期
														</th>
														<th>
																状态
														</th>
														<th>
																操作
														</th>
												</tr>
										</thead>
										<tbody>
												<tr>
														<td>
																111
														</td>
														<td>
																14个月
														</td>
														<td>
																启用
														</td>
														<td>
																<a class="btn btn-primary  btn-xs btn-warning" href="javascript:;" onclick="modify('14ä¸ªæ','111')"> 修改 <span class="glyphicon glyphicon-pencil"></span> </a>
																<a class="btn btn-primary btn-xs btn-danger" href="javascript:;" onclick="changeStatus('111','0')"> 禁用 <span class="glyphicon glyphicon-remove"></span> </a>
														</td>
												</tr>
												<tr>
														<td>
																123
														</td>
														<td>
																12个月
														</td>
														<td>
																禁用
														</td>
														<td>
																<a class="btn btn-primary  btn-xs btn-warning" href="javascript:;" onclick="modify('12ä¸ªæ','123')"> 修改 <span class="glyphicon glyphicon-pencil"></span> </a>
																<a class="btn btn-primary btn-xs btn-success" href="javascript:;" onclick="changeStatus('111','1')"> 启用 <span class="glyphicon glyphicon-ok"></span> </a>
														</td>
												</tr>
												<tr>
														<td>
																456
														</td>
														<td>
																8个月
														</td>
														<td>
																启用
														</td>
														<td>
																<a class="btn btn-primary  btn-xs btn-warning" href="javascript:;" onclick="modify('8ä¸ªæ','456')"> 修改 <span class="glyphicon glyphicon-pencil"></span> </a>
																<a class="btn btn-primary btn-xs btn-danger" href="javascript:;" onclick="changeStatus('111','0')"> 禁用 <span class="glyphicon glyphicon-remove"></span> </a>
														</td>
												</tr>
										</tbody>
								</table>
						</div>
				</div>
				<!-- 产品修改Modal -->
				<div class="modal fade" style="margin-top: 200px;" id="proModify" tabindex="-1" role="dialog" aria-labelledby="proModifyLabel" aria-hidden="true">
						<div class="modal-dialog">
								<div class="modal-content">
										<form class="form-horizontal" role="form" action="">
												<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal">
																<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
														</button>
														<h4 class="modal-title" id="myModalLabel">
																周期修改
														</h4>
												</div>
												<div class="modal-body">
														<div class="form-group">
																<label for="loanTimeId4Modify" class="col-lg-2 control-label">
																		周期Id
																</label>
																<div class="col-lg-10">
																		<input type="text" class="form-control" id="loanTimeId4Modify" readonly="readonly" />
																</div>
														</div>
														<div class="form-group">
																<label for="loanTimeName4Modify" class="col-lg-2 control-label">
																		周期
																</label>
																<div class="col-lg-10">
																		<input type="text" class="form-control" id="loanTimeName4Modify" placeholder="åä½ï¼æ" />
																</div>
														</div>
												</div>
												<div class="modal-footer">
														<button type="button" class="btn btn-default" data-dismiss="modal">
																取消
														</button>
														<input type="submit" class="btn btn-primary" value="修改" />
												</div>
										</form>
								</div>
						</div>
				</div>
				<!-- 产品修改Modal -->
				<!-- 产品类型添加Modal -->
				<div class="modal fade" style="margin-top: 200px;" id="proAdd" tabindex="-1" role="dialog" aria-labelledby="proAddLabel" aria-hidden="true">
						<div class="modal-dialog">
								<div class="modal-content">
										<form class="form-horizontal" role="form" action="">
												<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal">
																<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
														</button>
														<h4 class="modal-title" id="proAddLabel">
																周期添加 
														</h4>
												</div>
												<div class="modal-body">
														<div class="form-group">
																<label for="loanTimeName4Add" class="col-lg-2 control-label">
																		周期
																</label>
																<div class="col-lg-10">
																		<input type="text" class="form-control" id="loanTimeName4Add" placeholder="单位：月">
																</div>
														</div>
												</div>
												<div class="modal-footer">
														<button type="button" class="btn btn-default" data-dismiss="modal">
																取消
														</button>
														<input type="submit" class="btn btn-primary" value="添加" />
												</div>
										</form>
								</div>
						</div>
				</div>
				<!-- 产品添加Modal -->
		</body>
</html>
